<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>iOS</title>
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
	<meta name="format-detection" content="telephone=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<script type="text/javascript">
		//手机适配
		var cssEl=document.createElement("style");
		document.documentElement.firstElementChild.appendChild(cssEl);
		function setPxPerRem(){
			var dpr=1;
			var pxPerRem=document.documentElement.clientWidth*dpr/10;
			if(pxPerRem>60){
				pxPerRem=60;
			}
			cssEl.innerHTML='html{font-size:'+pxPerRem+'px!important;}';
		}
		setPxPerRem();
		//手机适配结束
	</script>
	<link rel="stylesheet" type="text/css" href="css/swiper-3.3.1.min.css">
	<link rel="stylesheet" type="text/css" href="css/animate.min.css">
	<link rel="stylesheet" type="text/css" href="css/common.css">
	<link rel="stylesheet" type="text/css" href="css/ios.css">
</head>
<body>
	<div class="fix">
		<header class="top-d">
			<h1><img src="images/home/logo.jpg"></h1>
			<a href="javascript:void(0);" class="h-list-btn"></a>
		</header>
		<section class="nav-list">
			<a href="index.html">首页</a>
			<a href="">iOS培训课程</a>
			<a href="android.html">Android培训课程</a>
			<a href="html5.html">HTML5培训课程</a>
			<a href="">公开课</a>
			<a href="">企业合作</a>
			<a href="teacher.html">名师堂</a>
			<a href="">关于我们</a>
		</section>
	</div>
	<div class="swiper-container">
		<div id="arrow"></div>
		<div class="swiper-wrapper">
			<!-- 第一屏 -->
			<section class="swiper-slide section1">
				<div class="section1-pad">
					<!--新开始--><img src="images/ios/section1-pic.png">  <!--新结束-->
					<div class="section1-con ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s">
						<span class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-delay="1.2s" swiper-animate-duration="0.5s">独创混合式开发课程</span><span class="ani" swiper-animate-delay="1.2s" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s">指定名师小班授课</span><span class="ani"  swiper-animate-delay="1.2s" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.8s">真正30天免费入学</span><span class="ani"  swiper-animate-delay="1.2s" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.8s">不就业全额退费</span><span class="ani"  swiper-animate-delay="1.2s" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s">协议明确底薪保障</span><span class="ani"  swiper-animate-delay="1.2s" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s">听不懂随时退款</span>
					</div>
				</div>

			</section>
			<!-- 第一屏结束 -->
			<!--第二屏-->
			<section class="swiper-slide section2">
				<h2 class="ani" swiper-animate-duration="0.5s" swiper-animate-effect="fadeInDown">iOS创世班，机遇再现！</h2>
				<img src="images/ios/pic2.png" class="ani" swiper-animate-duration="1s" swiper-animate-delay="0.5s" swiper-animate-effect="flipInX">
				<p class="section2-txt ani" swiper-animate-duration="1s" swiper-animate-delay="0.5s" swiper-animate-effect="fadeInUp">
				<span>全名师辅导班强势来袭</span><br><span>不10000就业才是奇迹</span><br><span>全部资源、全部师资</span><br><span>全部后勤、就业保障</span><br><span>只为服务1个班</span>
				</p>
				<div class="section2-tel ani" swiper-animate-duration="1s" swiper-animate-delay="0.5s" swiper-animate-effect="rollIn">免费通话：400-139-7799 <span></span></div>
			</section>
			<!-- 第二屏结束 -->
			<!--第三屏-->
			<section class="swiper-slide section3">
				<div class="section3-hd">
					<p class="ani" swiper-animate-duration="0.7s" swiper-animate-effect="fadeInDown">适应现阶段企业需求的</p>
					<h2 class="ani" swiper-animate-duration="0.7s" swiper-animate-delay="0.7s" swiper-animate-effect="fadeInDown">2016全新课程体系</h2>
				</div>
				<div class="section3-con">
					<p class="ani" swiper-animate-duration="0.7s" swiper-animate-delay="1s" swiper-animate-effect="fadeInLeft">
						育知同创名师团倾力打造，<br>
						混合式(OC＋Swift＋HTML5)＋跨平台<br>
						(React Native)研发培训课程<br>
						分别用OC 、Swift、React Native实现不同项目，<br>
						让学员感受不同语言的优势，<br>
						体验React Native研发跨平台的魅力。
					</p>
					<img src="images/ios/pic3.png" class="ani" swiper-animate-duration="0.7s" swiper-animate-delay="1s" swiper-animate-effect="fadeInRight">
				</div>
			</section>
			<!-- 第三屏结束 -->
			<!-- 第四屏 -->
			<section class="swiper-slide section4">
				<div class="section4-hd">
					<h2 class="ani" swiper-animate-duration="0.7s" swiper-animate-effect="fadeInDown">iOS师资强</h2>
					<h3 class="ani" swiper-animate-duration="0.7s" swiper-animate-delay="0.7s" swiper-animate-effect="fadeInDown">指定名师授课，拒绝新手讲师</h3>
					<p class="ani" swiper-animate-duration="0.7s" swiper-animate-delay="0.7s" swiper-animate-effect="fadeInUp">随着iOS的快速发展，培训行业新手讲师也越来越多，根据权<br>威数据统计，截止2015年底行业内不足1年教学经验的新手<br>讲师占比已超50%，因此选择好的培训机构，不是要看有没<br>有名师，而是名师能否教你。</p>
				</div>
				<div class="section4-txt ani" swiper-animate-duration="1s" swiper-animate-delay="1s" swiper-animate-effect="flipInY">育知同创保证100%名师授课，不满意，退全款</div>
				<div class="swiper-button-prev ani" swiper-animate-duration="1.5s" swiper-animate-delay="2.5s" swiper-animate-effect="fadeInLeft"></div>
				<div class="swiper-button-next ani"swiper-animate-duration="1.5s" swiper-animate-delay="2.5s" swiper-animate-effect="fadeInRight"></div>
				<div class="swiper-container1 ani" swiper-animate-duration="2s" swiper-animate-delay="1.5s" swiper-animate-effect="zoomInUp">
					<ul class="my-wrapper clear">
						<li class="my-slide">
							<div class="section-tc">
								<img src="images/ios/liyuechun.jpg">
								<h4>黎跃春(春哥)</h4>
								<p>中国React Native公开课视频第一人；6年软件开发培训经验，从事过多年JAVA，Linux，C++Objective-C,Swift,HTML5相关产品研发。</p>
							</div>	
							<div class="section-tc">
								<img src="images/ios/guoxianlong.jpg">
								<h4>郭宪龙(老郭)</h4>
								<p>4年多软件开发经验，曾参与中行移动办公系统、吉农信办公系统、移动电网等十多款app项目的开发工作。授课风趣幽默，注重理论基础与实际项目相结合。</p>
							</div>		
						</li>
						<li class="my-slide">
							<div class="section-tc">
								<img src="images/ios/liyuechun.jpg">
								<h4>黎跃春(春哥)</h4>
								<p>中国React Native公开课视频第一人；6年软件开发培训经验，从事过多年JAVA，Linux，C++Objective-C,Swift,HTML5相关产品研发。</p>
							</div>	
							<div class="section-tc">
								<img src="images/ios/guoxianlong.jpg">
								<h4>郭宪龙(老郭)</h4>
								<p>4年多软件开发经验，曾参与中行移动办公系统、吉农信办公系统、移动电网等十多款app项目的开发工作。授课风趣幽默，注重理论基础与实际项目相结合。</p>
							</div>		
						</li>
						<li class="my-slide">
							<div class="section-tc">
								<img src="images/ios/liyuechun.jpg">
								<h4>黎跃春(春哥)</h4>
								<p>中国React Native公开课视频第一人；6年软件开发培训经验，从事过多年JAVA，Linux，C++Objective-C,Swift,HTML5相关产品研发。</p>
							</div>	
							<div class="section-tc">
								<img src="images/ios/guoxianlong.jpg">
								<h4>郭宪龙(老郭)</h4>
								<p>4年多软件开发经验，曾参与中行移动办公系统、吉农信办公系统、移动电网等十多款app项目的开发工作。授课风趣幽默，注重理论基础与实际项目相结合。</p>
							</div>		
						</li>
					</ul>

				</div>
			</section>
			<!-- 第四屏结束-->

			<!-- 第五屏 -->
			<section class="swiper-slide section5">
				<div class="section5-hd">
					<h2 class="ani" swiper-animate-duration="0.7s" swiper-animate-effect="fadeInDown">育知同创敢承诺</h2>
					<h3 class="ani" swiper-animate-duration="0.7s" swiper-animate-delay="0.7s" swiper-animate-effect="fadeInDown">源于强大教学及就业实力</h3>
				</div>
				<div class="section5-con">
					<p class="clear ani" swiper-animate-duration="1s" swiper-animate-delay="0.9s" swiper-animate-effect="bounceInLeft">
						<span>1、</span>
						<span>首期班协议保障个人薪水<br>
                   专科5500，本科6500，硕士8000</span>
					</p>
					<p class="clear ani" swiper-animate-duration="1s" swiper-animate-delay="1.1s" swiper-animate-effect="bounceInRight">
						<span>2、</span>
						<span>首期班协议保障班级整体<br>班级平均薪水10000元以上，<br>不就业退全款   </span>
					</p>
					<p class="clear ani" swiper-animate-duration="1s" swiper-animate-delay="1.3s" swiper-animate-effect="bounceInLeft">
						<span>3、</span>
						<span>首期班其他保障<br>
                           0元入学，2周+2周免费试听，<br>
                          满意后在缴费，不满意随时退</span>
					</p>
				</div>
			</section>
			<!-- 第五屏结束-->
			<!-- 第六屏 -->
			<section class="swiper-slide section6">
				<div class="section6-hd">
					<h3 class="ani" swiper-animate-duration="0.7s" swiper-animate-effect="fadeInDown">不仅师资强大</h3>
					<h2 class="ani" swiper-animate-duration="0.7s" swiper-animate-delay="0.7s" swiper-animate-effect="fadeInDown">设备同样够逼格</h2>
				</div>
				<div class="section6-con">
					<img src="images/ios/section6-pc3.png" class="img1">
					<img src="images/ios/secion6-pic2.png" class="ani img2" swiper-animate-duration="0.7s" swiper-animate-delay="0.9s" swiper-animate-effect="fadeInUp">
					<a href="javascript:void(0);" class="ani" swiper-animate-duration="1s" swiper-animate-delay="1s" swiper-animate-effect="rollIn">免费通话：400-139-7799 <span></span></a>
				</div>
			</section>
			<!-- 第六屏结束-->
			<!-- 第七屏 -->
			<section class="swiper-slide section7">
				<div class="section7-hd">
			
					<h2 class="ani" swiper-animate-duration="0.7s" swiper-animate-effect="fadeInDown">资源雄厚，实力为王！</h2>
					<p class="ani" swiper-animate-duration="0.7s" swiper-animate-delay="0.7s" swiper-animate-effect="fadeInDown">我们卸下光环，只为谱写新的传奇</p>
				</div>
				<ul>
					<li class="ani" swiper-animate-duration="0.7s" swiper-animate-delay="1s" swiper-animate-effect="rollIn">
						<strong>17<span>场</span></strong>
						<p>带领团队成功举办了17场移动互联网方向名企双选会</p>
					</li>
					<li class="ani" swiper-animate-duration="0.7s" swiper-animate-delay="1.3s" swiper-animate-effect="rollIn">
						<strong>4000<span>家</span></strong>
						<p>团队拥有超4000家合作企业</p>
					</li>
					<li class="ani" swiper-animate-duration="0.7s" swiper-animate-delay="1.5s" swiper-animate-effect="rollIn">
						<strong>30000<span>多名</span></strong>
						<p>帮助30000多名学员高薪就业</p>
					</li>
				</ul>
				<img src="images/ios/section7-pic.png" class="ani" swiper-animate-duration="0.8s" swiper-animate-delay="2.4s" swiper-animate-effect="fadeInUp">
			</section>
			<!-- 第七屏结束-->
			<!-- 第八屏 -->
			<section class="swiper-slide section8">
				<div class="section8-hd">		
					<h2 class="ani" swiper-animate-duration="0.7s" swiper-animate-effect="fadeInDown">合作企业！</h2>		
				</div>
				<img src="images/ios/section-pic8.png"  class="ani" swiper-animate-duration="1.2s" swiper-animate-delay="0.7s" swiper-animate-effect="fadeInUp">
			</section>
			<!-- 第八屏结束-->

			<!-- 第九屏 -->
			<section class="swiper-slide section9">
				<div class="section9-hd">	
					<p class="ani" swiper-animate-duration="0.7s" swiper-animate-effect="fadeInDown">数万学员的检验</p>	
					<h2 class="ani" swiper-animate-duration="0.7s" swiper-animate-delay="0.7s" swiper-animate-effect="fadeInDown">我们前所未有的强大</h2>		
				</div>
				<ul>
					<li class="ani" swiper-animate-duration="0.9s" swiper-animate-delay="0.9s" swiper-animate-effect="fadeInUp">
						<h3>100%</h3>
						<p>100%签订就业保障协议</p>
					</li>
					<li class="ani" swiper-animate-duration="0.9s" swiper-animate-delay="1.2s" swiper-animate-effect="fadeInUp">
						<h3>底薪保障</h3>
						<p>专科5K、本科6K、硕士8K</p>
					</li>
					<li class="ani" swiper-animate-duration="0.9s" swiper-animate-delay="1.5s" swiper-animate-effect="fadeInUp">
						<h3>如此承诺</h3>
						<p>听不懂随时退不收一分学费</p>
					</li>
					<li class="ani" swiper-animate-duration="0.9s" swiper-animate-delay="1.8s" swiper-animate-effect="fadeInUp">
						<h3>如此自信</h3>
						<p>支持无理退学、不收一分学费</p>
					</li>
					<li class="ani" swiper-animate-duration="0.9s" swiper-animate-delay="2.1s" swiper-animate-effect="fadeInUp">
						<h3>全额退款</h3>
						<p>学完找不到对口工作全额退款</p>
					</li>
				</ul>
			</section>
			<!-- 第九屏结束-->

			<!-- 第十屏 -->
			<section class="swiper-slide section10">
				<div class="section10-con">
					<img src="images/ios/section10-line.png" class="section10-line">
					<div class="section10-txt ani" swiper-animate-duration="0.9s" swiper-animate-effect="fadeInDown">
						<h3>零学费<br>免费教</h3>
						<p>面授课免费学一个月<br>名额有限！</p>
					</div>
					<img src="images/ios/section10-pep.png" class="section10-pep ani" swiper-animate-duration="0.9s" swiper-animate-delay="0.7s" swiper-animate-effect="fadeInUp"/>
					<a href="http://www15.53kf.com/webCompany.php?arg=10128219&amp;style=1" class="section10-btn ani"  swiper-animate-duration="0.9s" swiper-animate-delay="1s" swiper-animate-effect="fadeInUp">立即申请</a>
				</div>
			</section>
			<!-- 第十屏结束-->

			<!-- 第十一屏 -->
			<section class="swiper-slide section11">
				<h2 class="ani" swiper-animate-duration="0.7s" swiper-animate-effect="fadeInDown">学不会全额退费</h2>
				<img src="images/ios/section11-pic.jpg" class="ani" swiper-animate-duration="0.7s" swiper-animate-delay="0.5s" swiper-animate-effect="flipInX">
				<ul>
					<li class="ani" swiper-animate-duration="0.7s" swiper-animate-delay="0.8s" swiper-animate-effect="rotateInUpLeft">
						专注真正的品质培训！
					</li>
					<li class="ani" swiper-animate-duration="0.7s" swiper-animate-delay="1.2s" swiper-animate-effect="rotateInUpLeft">
						学员满意才是硬道理！
					</li>
					<li class="ani" swiper-animate-duration="0.7s" swiper-animate-delay="1.6s" swiper-animate-effect="rotateInUpLeft">
						敢保障，因为有实力！
					</li>
				</ul>
				<a href="http://www15.53kf.com/webCompany.php?arg=10128219&amp;style=1" class="section11-btn ani" swiper-animate-duration="1.5s" swiper-animate-delay="1.8s" swiper-animate-effect="bounceInUp">预约试听</a>
			</section>
			<!-- 第十一屏结束-->

			<!-- 第十二屏 -->
			<section class="swiper-slide section12">
				<h2 class="ani" swiper-animate-duration="0.7s" swiper-animate-effect="fadeInDown">注册<span>赠送</span>限量版大牛课程</h2>
				<img src="images/ios/section12-pic.png" class="ani" swiper-animate-duration="1.2s" swiper-animate-delay="0.7s" swiper-animate-effect="zoomInRight">
				<form action="" class="h-form-f" onsubmit="return check();">
					<p>
						<input type="text" placeholder="输入您的姓名" id="userName" class="ani h-form-txt" swiper-animate-duration="1.2s" swiper-animate-delay="1s" swiper-animate-effect="fadeInUp"/>
					</p>
					<p>
						<input type="text" placeholder="输入您的手机（QQ）号" id="userTel" class="ani h-form-txt" swiper-animate-duration="1.4s" swiper-animate-delay="1.2s" swiper-animate-effect="fadeInUp"/>
					</p>
					<p>
						<input type="submit" value="提交" class="ani" swiper-animate-duration="0.8s" swiper-animate-delay="1.6s" swiper-animate-effect="fadeInUp"/>
					</p>
				</form>
			</section>
			<!-- 第十二屏结束-->
		</div>
	</div>

	<script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
	<script type="text/javascript" src="js/swiper-3.3.1.jquery.min.js"></script>
	<script type="text/javascript" src="js/swiper.animate.min.js"></script>
	<!--导航显示隐藏-->
	<script type="text/javascript">
		$(".h-list-btn").on("click",function(){
			$(".nav-list").slideToggle();
		});
	</script>
	<script type="text/javascript">

		//讲师切换
		var mySwiper1 = new Swiper ('.swiper-container1', {
			wrapperClass :'my-wrapper',
			slideClass :'my-slide',
			loop : true,
			prevButton:'.swiper-button-prev',
			nextButton:'.swiper-button-next',
			initialSlide :0,
			autoplayDisableOnInteraction : false
		   
    	});
		$(".my-wrapper").width($(".my-slide").width()*$(".my-slide").length);


		var slide=document.querySelectorAll('.swiper-slide');

	    for(var i=0;i<slide.length;i++){
	      slide[i].style.height=window.innerHeight+'px';
	    }

	    var mySwiper = new Swiper ('.swiper-container', {
		   direction : 'vertical',
		   mousewheelControl : true,
		   onInit: function(swiper){
		       swiperAnimateCache(swiper);
		       swiperAnimate(swiper);
		      },
		   onSlideChangeEnd: function(swiper){
		      swiperAnimate(swiper);
		      if(swiper.activeIndex==(slide.length-1)){
		      		$("#arrow").hide();
				}else{
					$("#arrow").show();
				}
    		}

  		});



  		//表单验证
		//input失去焦点
		$(".h-form-f").find("input").blur(function(){
			var $parent=$(this).parent();
			    $parent.find(".formtips").remove();

			//用户名验证
			if($(this).is("#userName")){
				if(this.value==""){
 					var errorMsg = '用户名不能为空';
 					$(this).addClass("onError");
 					alert(errorMsg);
                    // $parent.append('<span class="formtips onError">'+errorMsg+'</span>');
				}
			}

			//手机号验证
			if($(this).is("#userTel")){

				if(this.value==""){
					errorMsg="手机号不能为空";
					$(this).addClass("onError");
 					alert(errorMsg);
					//$parent.append('<span class="formtips onError">'+errorMsg+'</span>');
				}else if(!(/^1\d{10}$/.test(this.value))){
					errorMsg="手机号有误，请重填";	
					$(this).addClass("onError");
 					alert(errorMsg);
					//$parent.append('<span class="formtips onError">'+errorMsg+'</span>');
				}				
			}

		});

		//提交触发
		function check(){
			$(".h-form-f").find(".h-form-txt").trigger("focus");
			var numError=$('form .onError').length;
			if(numError){
				return false;
			}
			alert("申请已发送");
		}
	</script>
	<script>
		(function() {
		  var _53code = document.createElement("script");
		  _53code.src = "//tb.53kf.com/code/code/10128219/1";
		  var s = document.getElementsByTagName("script")[0]; 
		  s.parentNode.insertBefore(_53code, s);
		})();
	</script>
</body>
</html>